import { Component } from 'react';
class EventFn extends Component {
    constructor() {
        super();
        this.state={
            count:10
        }
    }
    // add(){
    //     this.setState({
    //         count:this.state.count+10
    //     })
    // }
    // 定义add为箭头函数
    add=()=>{
        console.log('this',this);
        this.setState({
            count:this.state.count+1
        })
    }
    getId=(e)=>{
        console.log(e);
    }
    render() { 
        return (<div className='serach'>
            <h2>2.事件处理-更改this指向</h2>
            count:{this.state.count}
            {/* 箭头函数 */}
            <button onClick={()=>this.add()}>使用箭头函数的方式count</button>
            {/* 定义事件函数为箭头函数p*/}
            <button onClick={this.add}>使用箭头函数的方式count</button>
            {/* 获取属性 */}
            <button data-id='900' onMouseLeave={(e)=>this.getId(e)}>跳转</button>
        </div>)
    }
}
 
export default EventFn;